// 项目入口-webpack打包从这开始

import Vue from 'vue' // 引入vue源码
import 'bootstrap/dist/css/bootstrap.css'


//day1
// import App from './day-01/00-导航.vue'
// import App from './App.vue' // 引入App.vue文件模块
// import App from './day-01/01-插值表达式.vue'
// import App from './day-01/02-动态属性.vue'
// import App from './day-01/03-事件绑定.vue'
// import App from './day-01/04-事件对象.vue'
// import App from './day-01/05-事件修饰符.vue'
// import App from './day-01/06-键盘修饰符.vue'
// import App from './day-01/07-翻转文字.vue'
// import App from './day-01/08-v-model双向绑定.vue'
// import App from './day-01/09-v-model的修饰符.vue'
// import App from './day-01/10-v-text与v-html.vue'
// import App from './day-01/11-v-show和v-if.vue'
// import App from './day-01/12-案例-折叠面板2.vue'
// import App from './day-01/12-案例-折叠面板3.vue'
// import App from './day-01/13-v-for.vue'
// import App from './day-01/14-作业1.vue'
// import App from './day-01/15-作业2.vue'
// import App from './day-01/16-作业3.vue'
// import App from './day-01/17-作业1-逛水果店.vue'
// import App from './day-01/18-作业2-选择喜欢的.vue' 
//day2
// import App from './day-02/01-v-for更新监测.vue'
// import App from './day-02/02-key的作用.vue'
// import App from './day-02/03-动态class.vue'
// import App from './day-02/04-动态style.vue'
// import App from './day-02/05-案例-品牌管理(铺).vue'
// import App from './day-02/06-案例-品牌管理(增).vue'
// import App from './day-02/07-案例-品牌管理(删).vue'
// import App from './day-02/08-vue过滤器.vue'
// import App from './day-02/09-案例-品牌管理-时间优化.vue'
// import App from './day-02/10-计算属性computed.vue'
// import App from './day-02/11-vue计算属性-缓存.vue'
// import App from './day-02/12-案例-品牌管理(总价和均价).vue'
//day3
// import App from './day-03/01-vue计算属性-完整写法.vue'
// import App from './day-03/02-案例-小选影响全选.vue'
// import App from './day-03/02-案例-小选影响全选-完整版.vue'
// import App from './day-03/03-vue侦听器-watch.vue'
// import App from './day-03/04-vue侦听器-深度侦听和立即执行.vue'
// import App from './day-03/05-案例-品牌管理(数据缓存).vue'
// import App from './day-03/06-附加练习_1.买点书练习.vue'
// import App from './day-03/07-附加练习_2.选你爱我求和.vue'
// import App from './day-03/作业-移动端-导航切换效果.vue'
// import App from './day-03/作业-学生信息管理.vue'
//day4-组件
// import App from './day-04-组件/01-组件的基本使用.vue'
// 全局组件
//1.引入
import Pannel from "./components/PannelG.vue"
//2.注册
Vue.component("PannelG", Pannel)
// import App from './day-04-组件/02-组件通信_父向子.vue'

// import App from './day-04-组件/03-vue组件通信_父向子-配合循环.vue'
// import App from './day-04-组件/04-vue组件通信_子向父.vue'
// import App from './day-04-组件/附加练习/附加练习_1.喜欢小狗狗吗.vue'
// import App from './day-04-组件/附加练习/附加练习_2.点击文字变色.vue'
// import App from './day-04-组件/附加练习/附加练习_3.卖狗啦.vue'
// import App from './day-04-组件/附加练习/附加练习_4.选择喜欢的狗.vue'
// import App from './day-04-组件/附加练习/附加练习_5.卖完了.vue'
// import App from './day-04-todos/todo案例/06-todo案例'


//day5
// import App from './day-05/01-vueLife.vue'
//axios
// import App from './day-05/02-UseAxios.vue'
// import App from './day-05/03-axios基本使用-传参.vue'
// import App from './day-05/04-axios基本使用-发布书籍.vue'
// import App from './day-05/05-axios-书籍完整版.vue'



//购物车
// import App from './day05-购物车/MyHeader.vue'
// import App from './day05-购物车/MyGoods.vue'
// import App from './day05-购物车/shopApp.vue'
// 目标: 请求数据 - 打印
/* // 1. 下载axios库, main.js - 全局绑定属性 (确保任意.vue文件可以都访问到这个axios方法)
import axios from 'axios'
// 2. 基础地址
axios.defaults.baseURL = 'https://www.escook.cn'
// 3. axios方法添加到Vue的原型上,才可以全局访问
Vue.prototype.$axios = axios */

/* import App from './day-05-案例购物车/app.vue'
import axios from 'axios'
axios.defaults.baseURL = 'https://www.escook.cn'
Vue.prototype.$axios = axios
 */
// import App from './day-05/06-$refs获取dom元素.vue'
// import App from './day-05/07-$refs获取组件对象 - 调用组件方法.vue'
// import App from './day-05/08-$nextTick使用.vue'
// import App from './day-05/09-$nextTick使用场景.vue'
// import App from './day-05/10-组件name属性使用.vue'

//day06
// import App from './day06-组件进阶/01-动态组件.vue'
import App from './day06-组件进阶/02-组件进阶 - 组件缓存.vue'





// ''.split
// [].reverse
// [].join
//全局过滤器
Vue.filter('fz', (str, s = '') => str.split('').reverse().join(s))

Vue.config.productionTip = false // 一个控制台打印的提示,

new Vue({ // 实例化Vue(传入配置对象)
  render: h => h(App), // 告诉vue渲染什么
}).$mount('#app') // '渲染到哪里
